@charset "utf-8";
/***********************************************************
	Filename: szphp.css
	Note	: 全站综合部分CSS样式
	Version : szphp v2.0.0
	Author  : 优尚设计 <547829810@qq.com>
	Web		: www.szphp.cn
	Update  : 2022.10.31
***********************************************************/
@import "../plugin/font-awesome/css/font-awesome.min.css";

/*综合样式***********************************************************************/
::after,::before{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
body{margin:0;background:#fff;color:#333;letter-spacing:0;font-weight:normal;font-size:1rem;font-family:"pingfang SC","Helvetica Neue","Open Sans","Microsoft YaHei","Hiragino Sans GB",Arial;line-height:1.6}
[tabindex="-1"]:focus{outline:0!important}
hr{overflow:visible;box-sizing:content-box;height:0}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:600}
p{margin-top:0;margin-bottom:1.5rem}
abbr[data-original-title],abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted;cursor:help;-webkit-text-decoration:underline dotted;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}
address{margin-bottom:1rem;font-style:normal;line-height:inherit}
dl,ol,ul{margin-top:0;margin-bottom:1rem}
ol ol,ol ul,ul ol,ul ul{margin-bottom:0}
dt{font-weight:600}
dd{margin-bottom:.5rem;margin-left:0}
blockquote{margin:0 0 2rem}
small{font-size:100%}
sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}
sub{bottom:-.25em}
sup{top:-.5em}
b,strong{font-weight:600}
a{outline:0;background-color:transparent;color:#333;text-decoration:none;transition:all .5s ease 0s}
a:hover{color:#003279;text-decoration:none}
a:not([href]):not([tabindex]){color:inherit;text-decoration:none}
a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}
a:not([href]):not([tabindex]):focus{outline:0}
code,kbd,pre,samp{font-size:1rem;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}
pre{overflow:auto;margin-top:0;margin-bottom:1rem}
figure{margin:0 0 1rem}
img{border-style:none;vertical-align:middle}
svg{overflow:hidden;vertical-align:middle}
table{border-collapse:collapse}
caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;caption-side:bottom;text-align:left}
th{text-align:inherit}
label{display:inline-block;margin-bottom:.5rem}
button{border-radius:0;-webkit-tap-highlight-color:transparent}
:focus{outline:0}
button:focus{outline:0}
button,input,optgroup,select,textarea{margin:0;font-size:inherit;font-family:inherit;line-height:inherit}
button,input{overflow:visible;-webkit-appearance:none}
button,select{text-transform:none}
select{word-wrap:normal}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}
textarea{overflow:auto;resize:vertical;-webkit-appearance:none}
fieldset{margin:0;padding:0;min-width:0;border:0}
legend{display:block;margin-bottom:.5rem;padding:0;width:100%;max-width:100%;color:inherit;white-space:normal;font-size:1.5rem;line-height:inherit}
progress{vertical-align:baseline}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{outline-offset:-2px;-webkit-appearance:none}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
output{display:inline-block}
summary{display:list-item;cursor:pointer}
template{display:none}
[hidden]{display:none!important}
.btn.focus,.btn:focus{box-shadow:none}
@media screen and (max-width:576px){
    body{line-height:1.5}
    .family-noto{font-family:"pingfang SC","Helvetica Neue","Open Sans","Microsoft YaHei","Hiragino Sans GB",Arial}
}
@media screen and (min-width:1920px){
    body{margin-right:auto;margin-left:auto;width:1920px}
    .container-fluid{width:1920px}
}

/*全站字体大小设置（新版）***********************************************************************/
.bold500{font-weight:500}
.bold{font-weight:600}
.fine{font-weight:normal}
.font-xs{font-size:.8rem}
.font-sm{font-size:.95rem}
.font-md{font-size:1.25rem}
.font-lg{font-size:1.5rem}
.font-xl{font-size:2rem}
.font-xxl{font-size:3rem}
@media screen and (max-width:576px){
    .font-xs{font-size:.8rem}
    .font-sm{font-size:.9rem}
    .font-md{font-size:1rem}
    .font-lg{font-size:1.25rem}
    .font-xl{font-size:1.75rem}
    .font-xxl{font-size:2.5rem}
}

/*header*/
header{z-index:9999;height:90px;background:#fff}
header .logo{height:90px;line-height:90px}
header .logo img{width:auto;height:80%}
header .top-contact{overflow:hidden;height:90px;text-align:right}
header .top-contact .box{display:inline-block;margin:25px 25px 25px 0;padding-right:25px;height:40px;border-right:1px solid rgba(51,51,51,.2)}
header .top-contact .box:last-child{border-right:0}
header .top-contact .box .icon{float:left;margin-right:1rem;width:40px;height:40px;border-radius:50%;background-image:linear-gradient(45deg,hsl(208deg 93% 36%) 0,hsl(208deg 94% 49%) 100%);color:#fff;text-align:center;line-height:45px}
header .top-contact .box .icon .fa{font-size:1.25rem}
header .top-contact .email .icon{line-height:40px}
header .top-contact .email .icon .fa{font-size:1rem}
header .top-contact .box .text{float:left;text-align:left}
header .top-contact .box .text span{display:block;color:#666}
header .top-contact .box .text p{margin-top:-.5rem;margin-bottom:0}
@media screen and (max-width:768px){
    header .logo img{height:70%}
    header .top-contact .box{margin-right:10px;padding-right:10px}
}
@media screen and (max-width:576px){
    header{height:60px}
    header .logo{height:60px;line-height:60px}
    header .logo img{height:80%}
    header .top-contact{height:60px}
    header .top-contact .box{margin:10px 0;padding:0}
    header .top-contact .tel{margin-right:0;padding-right:0;border-right:0}
    header .top-contact .email{display:none}
    header .top-contact .box .text p{margin-top:-.25rem}
}

/*响应式导航********************************************/
/*汉堡展开效果*/
menu .nav__trigger .nav__icon{position:relative;display:inline-block;width:30px;height:2px;background-color:#fff;transition:all .1s ease 0s;-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,-webkit-transform;transition-property:background-color,transform;transition-property:background-color,transform,-webkit-transform}
menu .nav__trigger .nav__icon:after,menu .nav__trigger .nav__icon:before{position:absolute;display:block;width:30px;height:2px;background:#fff;content:'';-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:margin,-webkit-transform;transition-property:margin,-webkit-transform;transition-property:margin,transform;transition-property:margin,transform,-webkit-transform}
menu .nav__trigger .nav__icon:before{margin-top:-8px}
menu .nav__trigger .nav__icon:after{margin-top:8px}
.fixed_menu .nav__trigger .nav__icon,.fixed_menu .nav__trigger .nav__icon:after,.fixed_menu .nav__trigger .nav__icon:before{background:#fff}
.nav--active .nav__trigger .nav__icon{background:rgba(255,255,255,0)}
.nav--active .nav__trigger .nav__icon:before{margin-top:0;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.nav--active .nav__trigger .nav__icon:after{margin-top:0;background:#fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}

/*大屏幕*/
menu{z-index:9999;margin:0;height:120px;background:#003279}
menu .logo{margin-top: 10px;}
menu .logo img{height:100px}
menu .daohangtit{display:none}
menu .nav__trigger{display:none}
menu nav{margin:0;text-align:right}
menu nav a{display:inline-block;padding:0 1.5rem;color:#fff;font-weight:600;line-height:120px;margin-right:-5px}
menu nav .current,menu nav a:hover{background:#8ec31f;color:#fff}
@media screen and (max-width:1280px){
    menu nav a{padding:0 1.2rem}
}
@media screen and (max-width:1024px){
    menu nav a{padding:0 1rem}
}
@media screen and (max-width:768px){
    menu{height:55px}
    menu .nav__trigger{display:block}
    menu .daohangtit{position:absolute;top:0;left:15px;z-index:9999;display:block;color:#fff;font-weight:700;line-height:50px}
    menu .daohangtit img{height:50px}
    menu nav a{display:none}
    menu .logo{display: none;}
}
@media screen and (max-width:576px){
    menu{top:60px}
}

/*小屏幕*/
menu .nav__trigger{position:absolute;right:10px;z-index:9999;width:30px;height:25px}
@media screen and (max-width:768px){
    .nav--active{z-index:9999;margin-top:50px;padding:0;height:100%;width:auto;background:#fff}
    .nav--active nav{padding:0;width:100%;height:auto;z-index: 9999;background-color: #fff;}
    .nav--active nav a{position:relative;display:inline-block;margin:0 0 1px;width:100%;color:rgba(51,51,51,1);text-align:center;font-size:.9rem;line-height:45px;background:#f5f5f5}
    .nav--active nav a:hover{border-bottom:0 none;}
    .nav--active nav .current{border-bottom:0;background:rgba(0,134,201,.3)}
    menu .nav__trigger{top:8px}
}

/*footer******************************************************************************/
footer{position:relative;padding-top:50px;padding-bottom:25px;background:#1b1b1b;background-image:url(../images/footbg.jpg);background-position:50%;background-size:cover}
footer .mask{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background:rgba(1,9,20,.4)}
footer .collapse:not(.show){display:block}
footer .bottom-logo{position:relative;z-index:11}
footer .bottom-logo img{max-width:100px;opacity:.85;transition:all .2s ease 0s}
footer .bottom-logo img:hover{opacity:1}
footer .title{position:relative;z-index:11;margin-bottom:1rem;color:#eee;font-weight:600}
footer .title a{float:right;display:none;margin-top:-5px;padding:5px 0 5px 15px;color:#fff}
footer .link{position:relative;z-index:11}
footer .link a{float:left;display:block;margin-bottom:.5rem;width:100%;color:#cfd1d8;line-height:1.2rem}
footer .link a:hover{color:#fff}
footer .contact{position:relative;z-index:11;padding-left:80px;width:100%}
footer .contact span{display:block;margin-bottom:1rem;color:#fff;font-family:Verdana,Geneva,Tahoma,sans-serif;line-height:1.2rem}
footer .contact small{display:block;color:#8f9196;letter-spacing:0;font-size:.8rem}
/*friendlink*/
footer .friendlink{position:relative;z-index:11;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.03)}
footer .friendlink span{display:inline-block;margin-right:8px;padding-right:8px;border-right:2px solid rgba(255,255,255,.05);color:#b8bac1}
footer .friendlink a{margin-right:5px;padding-right:5px;color:#b8bac1;line-height:20px}
footer .friendlink a:hover{color:#fff}
/*copyright*/
.copyright{position:relative;padding-top:10px;padding-bottom:10px;background:#0e0e0e;color:#b8bac1}
.copyright p{margin:0;line-height:30px}
.copyright .col-12:last-child{text-align:right}
.copyright a{margin-right:8px;padding-right:8px;border-right:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.7);line-height:30px}
.copyright a:hover{color:#fff}
.copyright a:last-child{border-right:0 solid rgba(255,255,255,.1)}
@media screen and (max-width:820px){
    footer .bottom-logo-mobile{display:none}
    footer .contact{padding-left:15px}
    footer .friendlink{display:none}
}
@media screen and (max-width:576px){
    footer{padding-top:30px;padding-bottom:0}
    footer .collapse:not(.show){display:none}
    footer .col-md-12{margin-top:0}
    footer .title{padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.04);color:#b8bac1}
    footer .title::after{display:none}
    footer .title a{display:block}
    footer .link a{padding-left:.5rem;color:#fff}
    footer .link a:last-child{margin-bottom:1.5rem}
    footer .show{overflow:hidden;color:#fff}
    footer .contact span{display:block;width:100%}
    .copyright{padding-bottom:5px}
    .copyright p{margin-bottom:0;text-align:center;line-height:20px}
    .copyright .col-12:last-child p{text-align:center}
}

/*侧栏在线客服挂件*/
.online_service{position:fixed;right:-5px;bottom:100px;z-index:100;width:50px}
.online_service ul{margin:0;padding:0;list-style:none}
.online_service ul li{position:relative;z-index:99;float:left;margin-bottom:.25rem;padding:15px 0 10px;width:50px;height:auto;border-radius:3px;background:#003279;color:#fff;text-align:center;font-size:12px;cursor:pointer;transition:all .3s ease}
.online_service ul li:last-child{margin-top:.25rem;margin-bottom:0;padding:5px 0}
.online_service ul li a{color:#fff}
.online_service ul li:hover{background:#8ec31f}
.online_service ul li i{display:block;font-size:1.2rem}
.online_service ul .gotop i{font-size:2rem}
.online_service ul li span{display:block;margin-top:5px;letter-spacing:.1rem}
.online_service ul .qq a{display:block;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #02214c}
.online_service ul .qq a:hover{color:#111}
.online_service ul li:hover a{border-bottom:1px solid #8ec31f}
.online_service ul .qq a:last-child{margin-bottom:0;padding-bottom:0;border-bottom-width:0}
/*微信展开*/
.online_service ul .wechat .wechatbox{position:absolute;top:0;right:10px;z-index:98;display:none;padding:15px;width:auto;height:auto;border-radius:3px;background:#fff;box-shadow:0 0 10px rgba(33,37,44,.2);transition:all .5s ease 0s}
.online_service ul .wechat:hover .wechatbox{right:55px;display:block!important;animation:fadein .5s ease}
.online_service ul .wechat:hover .wechatbox .qrcode{display:block;margin-bottom:15px;height:auto}
.online_service ul .wechat:hover .wechatbox .qrcode:last-child{margin-bottom:0}
.online_service ul .wechat:hover .wechatbox .qrcode span{margin-top:0;width:100px;height:25px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;background-color:#8ec31f;text-align:center;text-shadow:1px 1px 1px #000;letter-spacing:.1rem;font-size:13px;line-height:25px}
.online_service ul .wechat:hover .wechatbox .qrcode img{width:100px;height:100px}
@keyframes fadein{
    from{right:30px;opacity:0}
    to{right:55px;opacity:1}
}
@media screen and (max-width:768px){
    .online_service{width:35px}
    .online_service ul li{width:35px}
    .online_service ul .gotop i{font-size:1.5rem}
    .online_service ul .qq,.online_service ul .wechat{display:none}
}

.bigpoto{position:relative;background-position:center;background-size:cover;background-repeat:repeat}
.bigpoto .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(65deg,hsl(0deg 0% 100% / 50%) 20%,hsl(0deg 0% 100% / 80%) 90%)}